<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<nav class="navbar-default navbar-static-side" role="navigation" th:fragment="left">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <img style="width: 60px;height: 60px;" alt="image" class="rounded-circle" th:src="(${user.small_img} == '') ? @{/img/profile_small.jpg} : @{${user.small_img}}" />
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="block m-t-xs font-bold" id="hyussername">[[${user.username}]]</span>
                        <span class="text-muted text-xs block">管理员 <b class="caret"></b></span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="dropdown-item" href="profile.html">个人信息</a></li>
                        <li><a class="dropdown-item" href="contacts.html">好友</a></li>
                        <li><a class="dropdown-item" href="mailbox.html">信箱</a></li>
                        <li class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="login.html">登出</a></li>
                    </ul>
                </div>
                <div class="logo-element">
                    News+
                </div>
            </li>
            <li class="active">
                <a href="/"><i class="fa fa-th-large"></i> <span class="nav-label">主页</span>
                </a>
            </li>
            <li>
                <a href="/grid_options"><i class="fa fa-laptop"></i> <span class="nav-label">栅格</span></a>
            </li>

            <li>
                <a href="/text"><i class="fa fa-shopping-cart"></i><span class="nav-label">测试管理</span></a>
            </li>

            <li>
                <a href="/user/userManage"><i class="fa fa-user-circle-o"></i><span class="nav-label">用户管理</span></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">商城</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <!-- <li><a href="ecommerce_products_grid.html">产品图表</a></li> -->
                    <li><a href="/ecommerce_product_list">产品列表</a></li>
                    <li><a href="/ecommerce_product">产品编辑</a></li>
                    <li><a href="/ecommerce_product_detail">产品详情</a></li>
                    <!-- <li><a href="ecommerce-cart.html">购物车</a></li>
                    <li><a href="ecommerce-orders.html">订购页</a></li>
                    <li><a href="ecommerce_payments.html">支付页</a></li> -->
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">相册</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li><a href="/basic_gallery">基本图库</a></li>
                    <li><a href="/slick_carousel">图片切换</a></li>
                    <li><a href="/carousel">Bootstrap 相册</a></li>

                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">菜单 </span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level collapse">
                    <li>
                        <a href="#" id="damian">三级菜单 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li>
                                <a href="#">三级菜单</a>
                            </li>
                            <li>
                                <a href="#">三级菜单</a>
                            </li>
                            <li>
                                <a href="#">三级菜单</a>
                            </li>

                        </ul>
                    </li>
                    <li><a href="#">二级菜单</a></li>
                    <li>
                        <a href="#">二级菜单</a>
                    </li>
                    <li>
                        <a href="#">二级菜单</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="/css_animation"><i class="fa fa-magic"></i> <span class="nav-label">CSS 动画
                            </span><span class="label label-info float-right">62</span></a>
            </li>
        </ul>
    </div>
</nav>
</body>
</html>